<template>
  <!--重新分配催收员-->
  <Card class="cxfpcsy page-fill" style="height:900px">
    <div class="form-box">
      <v-form inline>
        <v-form-item label="" style="margin-bottom:0;">
          <v-select placeholder="所属催收员" v-model="currentSelect" :select-list="optionsData" ></v-select>
        </v-form-item>
        <v-button size="small" type="primary"  style="margin-left:30px;">搜索</v-button>
      </v-form>
    </div>
    <div class="table-data">
      <v-table :columns="columns1" :data="data1"></v-table>
    </div>
    <div class="bottom-container">
      <div class="left-bottom-form">
        <v-form inline>
          <v-form-item>
            <v-checkbox label="全选"></v-checkbox>
          </v-form-item>
          <v-form-item>
            <v-select placeholder="选择催收员" v-model="currentSelect" :select-list="optionsData"></v-select>
          </v-form-item>
          <v-form-item>
            <v-button size="small" type="primary" >重新分配</v-button>
          </v-form-item>
        </v-form>
      </div>
    </div>
    <div class="pagi-box">
      <v-pagination :total="total2" :current-page="currentPage2" :page-size="pageSize2" @on-page-change="handlePageChange2">
      </v-pagination>
    </div>
  </Card>
</template>

<script>
export default {
  data () {
    return {
      gdh: '',
      currentSelect: '',
      optionsData: [
        {
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }
      ],
      columns1: [
        {
          type: 'select'
        },
        {
          title: '借款人',
          key: 'jkr'
        },
        {
          title: '逾期天数',
          key: 'yqts'
        },
        {
          title: '贷款产品',
          key: 'dkcp'
        },
        {
          title: '最近一次行动结果',
          key: 'zhycxdjg'
        },
        {
          title: '约会时间',
          key: 'yhsj'
        },
        {
          title: '当前催收人员',
          key: 'dqcsry'
        },
        {
          title: '案件所属催收员',
          key: 'ajsscsy'
        },
        {
          title: '最近一次行动代码',
          key: 'zjycxddm'
        },
        {
          title: '最近一次行动时间',
          key: 'zhycxdsj'
        },
        {
          title: '风险分类',
          key: 'fxfl'
        }
      ],
      data1: [],
      total2: 1200,
      currentPage2: 1,
      pageSize2: 20
    }
  },
  methods: {
    handlePageChange2 (index) {
      this.currentPage2 = index
    },
    handleRouterGo (pathName) {
      this.$router.push(pathName)
    }
  }
}
</script>

<style lang="less">
</style>
